<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <link rel="stylesheet" href="css/jPicture.min.css">
        <style>
            #imgBox{width:800px;height:450px;}
        </style>
    </head>
    <body>

        <div id="imgBox">
            <div>
                <div><a href="#1"><img src="images/1.jpg"></a></div>
                <div><a href="#2"><img src="images/2.jpg"></a></div>
                <div><a href="#3"><img src="images/3.jpg"></a></div>
                <div><a href="#4"><img src="images/4.jpg"></a></div>
                <div><a href="#5"><img src="images/5.jpg"></a></div>   
            </div>
        </div>

        <script src="js/jquery-1.12.4.min.js"></script>
        <script src="js/jPicture.min.js"></script>
        <script>

            jPicture("#imgBox", {
                type: "slide",
                autoplay: 5000
            });

        </script>
    </body>
</html>